<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="top">
			<!--第一行 -->
			<div class="first cf">
				<div class="left">
					<div class="left1">composure</div>
					<div class="left2">
						<div>Creative Html template</div>
						<div>Call us toll free: +2 000 123 45 67</div>
					</div>
				</div>
				<div class="right">
					<input type="text" placeholder="Search"  class="search"/>
					<input type="button" class="bg"/>
				</div>
			</div>
			<!--第二行 -->
			<div class="second cf">
	   			<div class="nav">
	   				<ul>
	   						<li><a href="#">Home</a></li>
	   						<li><a href="#">Blog</a></li>
	   						<li><a href="#">Shop</a></li>
	   						<li><a href="#">Services</a></li>
	   						<li><a href="#">Portfolio</a></li>
	   						<li><a href="#">About us</a></li>
	   						<li><a href="#">Contact us</a></li>
	   				</ul>
	  			</div>
				<div class="second-right">
					<div class="origin"><a href="#">Join us</a></div>
					<div class="gray"><a href="#">Login</a></div>
				</div>
			</div>
		</div>
		<!--第三行-->
		<div class="third">
			<div class="narbar">
				<div class="narer cf">
					<ul>
						<li><a href="#">Technology</a></li>
						<li><a href="#">Education</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Entertainment</a></li>
						<li><a href="#">Middle East</a></li>
						<li><a href="#">World Sport</a></li>
						<li><a href="#">Environment</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--第四行 Exclusive Topics-->
		<div class="forth">
			<div class="forth-one cf">
				<div class="forth-one-left">
					<div class="star">Exclusive Topics</div>
				</div>
				<div class="forth-one-right cf">
					<ul>
						<li><a href="#"><img src="img/06.left.png"/></a></li>
						<li><a href="#"><img src="img/07.right.png"/></a></li>
					</ul>
				</div>
			</div>
			<!--第四行第二列-->
			<div class="forth-two cf">
				<div class="forth-two-1">
					<div class="f-img"><img src="img/02.taile.jpg"/></div>
					<div class="f-info">
						<p class="f-info-1">Wesley Snipes Freed From Jail After Tax <br> Evasion.</p>
						<p class="f-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
					</div>
				</div>
				<div class="forth-two-1">
					<div class="f-img"><img src="img/07.taile.jpg"/></div>
					<div class="f-info">
						<p class="f-info-1">Halle Berry Pregnant With Second Child It's <br > A Boy.</p>
						<p class="f-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
					</div>
				</div>
				<div class="forth-two-3">
					<div class="f-img"><img src="img/05.taile.jpg"/></div>
					<div class="f-info">
						<p class="f-info-1">Wesley Snipes reportedly released from <br> prison</p>
						<p class="f-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
					</div>
				</div>
			</div>
		</div>	
		<!--第五行  最大内容-->
		<div class="fifth cf">
				<!--第五行左边内容-->
				<div class="fifth-left">
					<!--第一个 Hot Topics-->
					<div class="hot">
						<div class="hot-info">Hot Topics</div>
						<div class="hot-img">
							<div><a href="#"><img src="img/11.taile.jpg"/></a></div>
							<div class="info-again">
								<p class="big-info">'Evil Dead' brings life to industry with $26 million debut.</p>
								<p class="small-info">Dreaming of an overseas move can be so exciting that it is often hard to focus <br> on the dreary matter of money – but some smart decisions and simple planning  <br> could save you thousands...</p>
							</div>
							<div class="fangxiang cf">
								<ul>
									<li><a href="#"><img src="img/06.left.png"/></a></li>
									<li><a href="#"><img src="img/07.right.png"/></a></li>
								</ul>
							</div>
						</div>
					</div>
					<!--第二个 Entertainment-->
					<div class="Enter">
						<!--第一行-->
						<div class="title">Entertainment</div>
						<!--第二行-->
						<div class="Enter-info">
							<!--左边第一列-->
							<div class="Enter-info-left">
								<div class="Enter-img">
									<div><img src="img/10.taile.gif"/></div>
									<div class="sticky"><img src="img/28.png"/></div>
								</div>
								<div class="e-info">
									<p class="e-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
									<p class="e-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
								</div>
								<div class="e-bottom">
									<div class="e-b-info">
										Dreaming of an overseas move can be so exciting that it is <br>	
									 	often hard to focus on the dreary matter of money – but <br>
									 	some smart decisions and simple planning could save you <br>
									 	thousands eirmod tempor invidunt ut labore et dolore magna <br>
									 	aliquyam erat... <span>Continue Reading</span>
									</div>
								</div>	
							</div>
							<!--右边 -->
							<div class="Enter-info-right cf">
								<!--第一行-->
								<div class="r-top1">
									<div><img src="img/08.taile.jpg"></div>
									<div class="r-info">
										<p class="r-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
										<p class="r-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
										<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
									</div>
								</div>
								<div class="r-top1">
									<div><img src="img/18.taile.jpg"></div>
									<div class="r-info">
										<p class="r-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
										<p class="r-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
										<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
									</div>
								</div>
								<!--第二行-->
								<div class="r-top1">
									<div><img src="img/16.taile.jpg"></div>
									<div class="r-info">
										<p class="r-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
										<p class="r-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
										<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
									</div>
								</div>
								<div class="r-top1">
									<div><img src="img/03.taile.jpg"></div>
									<div class="r-info">
										<p class="r-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
										<p class="r-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
										<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--第二个Entertainment 结束-->
					<!--第三个 Technology-->
					<div class="Technology">
						<!--第一行标题-->
						<div class="title">Technology</div>
						<!--第二行-->
						<div class="Tech-2 cf">
							<div class="Tech-info">
								<div><img src="img/19.taile.gif"/></div>
								<div class="t-info">
									<p class="t-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
									<p class="t-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
								</div>
							</div>
							<div class="Tech-info-1">
								<div><img src="img/17.taile.jpg"/></div>
								<div class="t-info">
									<p class="t-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
									<p class="t-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
								</div>
							</div>
						</div>
						<!--第三行-->
						<div class="Tech-3 cf">
							<div class="Tech-one">
								<div><img src="img/04.taile.jpg"/></div>
								<div class="te-info">
									<p class="te-info-1">Wesley Snipes Freed From Jail <br> After Tax Evasion.</p>
									<p class="te-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
								</div>
								<div class="t-bottom">
									<div class="t-b-info">
										Dreaming of an overseas move can be <br>	 
										so exciting that it isoften hard to focus <br>
									 	on the dreary matter of money – but <br>
									 	some smart decisions and simple plan- <br> 
									 	ning could save... <span>Continue Reading</span>
									</div>
								</div>	
							</div>
							<!--第二个-->
							<div class="Tech-one">
								<div><img src="img/06.taile.jpg"/></div>
								<div class="te-info">
									<p class="te-info-1">Wesley Snipes Freed From Jail <br> After Tax Evasion.</p>
									<p class="te-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
								</div>
								<div class="t-bottom">
									<div class="t-b-info">
										Dreaming of an overseas move can be <br>	 
										so exciting that it isoften hard to focus <br>
									 	on the dreary matter of money – but <br>
									 	some smart decisions and simple plan- <br> 
									 	ning could save... <span>Continue Reading</span>
									</div>
								</div>	
							</div>
							<!--第三个-->
							<div class="Tech-two">
								<div><img src="img/09.taile.jpeg"/></div>
								<div class="te-info">
									<p class="te-info-1">Wesley Snipes Freed From Jail <br> After Tax Evasion.</p>
									<p class="te-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
								</div>
								<div class="t-bottom">
									<div class="t-b-info">
										Dreaming of an overseas move can be <br>	 
										so exciting that it isoften hard to focus <br>
									 	on the dreary matter of money – but <br>
									 	some smart decisions and simple plan- <br> 
									 	ning could save... <span>Continue Reading</span>
									</div>
								</div>	
							</div>
						</div>
						
					</div>
					<!--第三个 Technology 结束-->
					<!--第四个 Environment-->
					<div class="Environment">
						<!--第一行-->
						<div class="Environ cf">
							<div class="Environ-title">Entertainment</div>
							<div class="jiantou">
								<ul>
									<li><a href="#"><img src="img/06.left.png"/></a></li>
									<li><a href="#"><img src="img/07.right.png"/></a></li>
								</ul>
							</div>
						</div>
						<!--第二行-->
						<div class="Environ-img">
							<div><img src="img/22.taile.jpeg"/></div>
							<div class="o-info">
									<p class="o-info-1">Wesley Snipes Freed From Jail After Tax Evasion.</p>
									<p class="o-info-2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									<p><img src="img/star1.png"/> <img src="img/star1.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/> <img src="img/star2.png"/></p>
							</div>
							<div class="o-bottom">
								<div class="o-b-info">
									Dreaming of an overseas move can be so exciting that it is often hard to focus on the dreary matter of money – but some smart decisions<br> 
									 and simple planning could save you <br>
									and simple planning could save you thousands eirmod tempor invidunt ut labore et dolore magna Dreaming of an overseas move can be <br>
									so exciting...  <span>Continue Reading</span>
								</div>
							</div>	
						</div>
						<!--第三行 8个小的-->
						<div class="eight-s cf">
							<!--左边-->
							<div class="eight-left">
								<div class="o">
									<div class="impg"><a href="#"><img src="img/01.taile.jpg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
								<div class="o">
									<div class="impg"><a href="#"><img src="img/15.taile.jpeg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
								<div class="o">
									<div class="impg"><a href="#"><img src="img/1tl.jpg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
								<div class="o">
									<div class="impg"><a href="#"><img src="img/16.taile.jpg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
							</div>
							<!--右边-->
							<div class="eight-right">
								<div class="o">
									<div class="impg"><a href="#"><img src="img/2.tl.png"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
								<div class="o">
									<div class="impg"><a href="#"><img src="img/8.tl.jpg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
								<div class="o">
									<div class="impg"><a href="#"><img src="img/3.tl.jpg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
								<div class="o">
									<div class="impg"><a href="#"><img src="img/6.tl.jpeg"/></a></div>
									<div class="part">
										<p class="part1">North Korea raises missile 'into upright firing <br> position'</p>	
										<p class="part2">Posted on <span>7 April, 2013</span> By <span>M-elgendy</span></p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--第四个 Environment结束-->
				</div>
				<!--第五行最大内容左边结束-->
				<!--第五行右边内容-->
				<div class="fifth-right">
					<div class="tt">Follow us</div>
					<div class="imgss cf">
						<ul>
							<li><a href="#"><img src="img/8.png"/></a></li>
							<li><a href="#"><img src="img/9.png"/></a></li>
							<li><a href="#"><img src="img/10.png"/></a></li>
							<li><a href="#"><img src="img/11.png"/></a></li>
							<li><a href="#"><img src="img/12.png"/></a></li>
							<li><a href="#"><img src="img/13.png"/></a></li>
							<li><a href="#"><img src="img/14.png"/></a></li>
							<li><a href="#"><img src="img/15.png"/></a></li>
							<li><a href="#"><img src="img/16.png"/></a></li>
							<li><a href="#"><img src="img/17.png"/></a></li>
							<li><a href="#"><img src="img/18.png"/></a></li>
							<li><a href="#"><img src="img/19.png"/></a></li>
							<li><a href="#"><img src="img/20.png"/></a></li>
							<li><a href="#"><img src="img/12.png"/></a></li>
							<li><a href="#"><img src="img/21.png"/></a></li>
							<li><a href="#"><img src="img/22.png"/></a></li>
							<li><a href="#"><img src="img/23.png"/></a></li>
							<li><a href="#"><img src="img/24.png"/></a></li>
						</ul>
					</div>
					<div class="tt1">Categories List</div>
					<div class="choise cf">
						<ul>
							<li><a href="#">Web Design</a></li>
							<li><a href="#">Advertising</a></li>
							<li><a href="#">Have Fun</a></li>
							<li><a href="#">Web Developing</a></li>
							<li><a href="#">Technology</a></li>
							<li><a href="#">Entertainment</a></li>
							<li><a href="#">Education</a></li>
							<li><a href="#">Bushiness</a></li>
						</ul>
					</div>
					<div class="tt2">Advertising</div>
					<div class="adver-img"><a href="#"><img src="img/8.tl.jpg"/></a></div>
					<div class="adv-nar">
						<div class="pop cf">
							<ul>
								<li><a href="#">Popular</a></li>
								<li><a href="#">Recent</a></li>
								<li><a href="#">Comments</a></li>
							</ul>
						</div>
						<div class="pop-list">
							<div class="pop-info cf">
								<div><img src="img/07.taile.jpg"/></div>
								<div class="p-info">
									<p class="p-info-1">How to budget for living <br> abroad</p>
									<p class="p-info-2">Posted on <span>7 April, 2013</span> <br> By <span>M-elgendy</span></p>
								</div>
							</div>
							<div class="pop-info cf">
								<div><img src="img/15.taile.jpeg"/></div>
								<div class="p-info">
									<p class="p-info-1">How to budget for living <br> abroad</p>
									<p class="p-info-2">Posted on <span>7 April, 2013</span> <br> By <span>M-elgendy</span></p>
								</div>
							</div>
							<div class="pop-info cf">
								<div><img src="img/16.taile.jpg"/></div>
								<div class="p-info">
									<p class="p-info-1">How to budget for living <br> abroad</p>
									<p class="p-info-2">Posted on <span>7 April, 2013</span> <br> By <span>M-elgendy</span></p>
								</div>
							</div>
							<div class="pop-info cf">
								<div><img src="img/02.taile.jpg"/></div>
								<div class="p-info">
									<p class="p-info-1">How to budget for living <br> abroad</p>
									<p class="p-info-2">Posted on <span>7 April, 2013</span> <br> By <span>M-elgendy</span></p>
								</div>
							</div>
							<div class="pop-info cf">
								<div><img src="img/01.taile.jpg"/></div>
								<div class="p-info">
									<p class="p-info-1">How to budget for living <br> abroad</p>
									<p class="p-info-2">Posted on <span>7 April, 2013</span> <br> By <span>M-elgendy</span></p>
								</div>
							</div>
						</div>
					</div>	
					<div class="tt3">Tags</div>
					<div class="tags cf">
						<ul>
							<li class="Art"><a href="#">Arts</a></li>
							<li class="War"><a href="#">War</a></li>
							<li class="Sport"><a href="#">Sports</a></li>
							<li class="Shop"><a href="#">Shoping</a></li>
							<li class="Auto"><a href="#">Autos</a></li>
							<li class="Heal"><a href="#">Health</a></li>
							<li class="Techno"><a href="#">Technology</a></li>
							<li class="Fut"><a href="#">Future</a></li>
							<li class="Mus"><a href="#">Music</a></li>
							<li class="Weath"><a href="#">Weather</a></li>
							<li class="Mov"><a href="#">Movies</a></li>
							<li class="Enviro"><a href="#">Environment</a></li>
							<li class="Wa"><a href="#">War</a></li>
						</ul>
					</div>
					<div class="tt4">Featured Video</div>
					<div class="box"><img src="img/33.jpg"/></div>
					<div class="tt5">Twitter</div>
					<div class="twit">
						<ul>
							<li>Your ticket has been answered, let us know if <br> you have any other issues.</li>
							<li >Lorem ipsum dolor sit amet, consectetur adipi  <br>  scing elit. Mauris enim lorem</li>
							<li>Integer varius felis aliquet neque molestie <br> scelerisque. Cras consequat.</li>
							<li>Duis aliquet auctor augue eu Suspendisse sit <br> amet leo a elit gravida faucibus.</li>
							<li>Praesent ac varius Quisque ligula. Maecenas <br> accumsan tristique orci in faucibus.</li>
						</ul>
					</div>
					<div class="tt6">Newsletter</div>
					<div class="new">Subscribe to our email newsletter.</div>
					<div class="search-s">
						<input type="text" placeholder="Enter your email" class="eml" />
						<button class="btn">Subscribe</button>
					</div>
				</div>
		</div>
		<!--第五行最大内容结束-->
		<!--最后部分-->
		<div class="last">
			<div class="last-top">
				<div class="top1 cf">
					<div class="ul">
						<p class="dt">About Company</p>
						<p class="dd">Nullam ut commodo velit. Quisque sit amet arcu nisi. Sed</p>
						<p class="dd">id massa et mauris lacinia condimentum. In luctus suscipit</p> 
						<p class="dd">laoreet. Suspendisse a arcu quis neque tincidunt posuere </p>
						<p class="dd">sagittis ac lacus. Aenean tristique accumsan ipsum vitae </p>
						<p class="dd">molestie. Etiam vulputate.</p>
					</div>
					<div class="ul1">
						<p class="dt1">Support</p>
						<p class="dd1">Support home</p>
						<p class="dd1">Surface Support</p>
						<p class="dd1">Knowledge base</p>
					</div>
					<div class="ul1">
						<p class="dt1">Downloads</p>
						<p class="dd1">Microsoft Office</p>
						<p class="dd1">Windows 8</p>
						<p class="dd1">Skype</p>
						<p class="dd1">Surface User Guide</p>
					</div>
					<div class="ul1">
						<p class="dt1">Support</p>
						<p class="dd1">Support home</p>
						<p class="dd1">Surface Support</p>
						<p class="dd1">Knowledge base</p>
					</div>
				</div>
			</div>
			<div class="last-bottom">
				<div class="bottom1 cf">
					<div class="copy" >&copy; 2013 M-elgendy - All rights reserved.</div>
					<div class="logo cf">
						<ul>
							<li><a href="#"><img src="img/icon.f.png"/></a></li>
							<li><a href="#"><img src="img/icon.fly.png"/></a></li>
							<li><a href="#"><img src="img/icon.g+.png"/></a></li>
							<li><a href="#"><img src="img/icon.last.png"/></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
